// pages/search/index.js
// 获取绑定的搜索框值 判断其合法性  
//检验成功 将搜索框的值发送给后台  将返回的值打印起来
//2.防抖  （防止抖动） 定时器
// 1.定义一个全局的定时器id 当多次按下时清除前一次按下的搜索函数
import { request } from "../../request/index"
Page({

  data: {
    //搜索回来的商品数据
    goods: [],
    isFoucs:false,
    inputValue:"",
  },
  TimeId: -1,

  onLoad: function (options) {

  },
  //搜索款值的改变触发
  handleInput(e) {
    let query = e.detail.value
    //检验合法性
    if (!query.trim()) {
      //不合法
      return  this.setData({
        isFoucs:false
      });
    }
    this.setData({
      isFoucs:true
    })
    //搜索防抖的实现
    clearTimeout(this.TimeId)
    this.TimeId = setTimeout(() => {
      //合法
      this.getQuery(query)
    }, 500);

  },
  //取消按钮
  handleReplace(){
    //改变文本 清空数组
    this.setData({
      isFoucs:true,
      inputValue:"",
      goods:[]
    })
  },
  //发起搜索商品的请求
  async getQuery(query) {
    const { data: res } = await request({
      url: '/goods/qsearch',
      data: { query },
    })
    console.log(res)
    this.setData({
      goods: res.message
    })
  }

})